<template>
	<view>
		<uni-head title="理赔结果"></uni-head>
		<view class="imgbox">
			<image src="../../static/Icon/plimg.png" mode=""></image>
		</view>
		<view class="title flex-center">理赔已完成</view>
		<view class="info ">您的理赔赔付金额为<text style="color: #000000;font-size: 26upx;">{{info.price}}</text>万元，请及时查看到账情况</view>
		
		
	</view>
</template>

<script>
	import uniHead from "@/components/uni-dead/head.vue";
	export default {
		components: { uniHead },
		onLoad(id) {
			this.id=id.id
			this.reportgetDetail()
		},
		data() {
			return {
				id:'',
				info:{}
			}
		},
		methods: {
			reportgetDetail(){
				this.ajax('report/getDetail',{
					data:{
						id:this.id
					},
					success:(res)=>{
						this.info=res.msg.info
						console.log(res);
					}
				})
			}
		}
	}
</script>
<style>
	page{
		background-color: #fff;
	}
</style>
<style lang="less" scoped>
.imgbox{
	width: 168upx;
	height: 112upx;
	margin: 242upx auto 54upx; 
	image{
		width: 198upx;
		height: 112upx;
	}
}
.title{
	font-size: 36upx;
	color: #000000;
}
.info{
	font-size: 28upx;
	color: #999999;
	margin:30upx 120upx 42upx;
	text-align: center;
}
.butbox{
	width: 300upx;
	height: 80upx;
	margin: 0 auto;
	color: #5280F8;
	text-align: center;
	line-height: 80upx;
	font-size: 32upx;
	border: 1px solid #5280F8;
	border-radius: 10upx;
}
.chengg{
	margin: 70upx 70upx 0;
	.left,.right{
		width:260upx;
		height: 80upx;
		text-align: center;
		line-height: 80upx;
		font-size: 32upx;
		border-radius: 10upx;
	}
	.left{
		color: #5280F8;
		border: 1px solid #5280F8;
	}
	.right{
		background: linear-gradient(180deg, #4EA5FD 0%, #5280F8 100%);
		color: #fff;
	}
}
</style>
